<template>
  <div class="app-container">
    <el-tabs type="border-card" @tab-click="tabSelect">
      <el-tab-pane label="文件信息">
        <file-record-list ref="fileRcordList"></file-record-list>
      </el-tab-pane>
      <el-tab-pane label="文件回收站">
        <file-recycle-list ref="fileRcycleList"></file-recycle-list>
      </el-tab-pane>
    </el-tabs>
 </div>
</template>

<script>
import Pagination from '@/components/Pagination'
import FileRecordList from './recordList'
import FileRecycleList from './recycleList'
export default {
  name: 'FileManager',
  components: { Pagination, FileRecordList, FileRecycleList },
  methods: {
    tabSelect(param) {
      switch (param.index) {
        case '0':
          this.$refs.fileRcordList.handleFilter()
          break
        case '1':
          this.$refs.fileRcycleList.handleFilter()
          break
        default:
          break
      }
    }
  }
}
</script>
